/*
 * @Author: xiaosihan 
 * @Date: 2023-11-26 20:02:26 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-10-30 23:14:40
 */


.SiChuanMap3D {
    position: absolute;
    width: 2400px;
    height: 850px;
    left: 100px;
    top: 120px;

    .container {
        position: absolute;
        width: 100%;
        height: 850px;
        left: 0px;
        top: 0px;
    }

    .back {
        background-color: #12234b;
        padding: 4px 10px;
        border-radius: 4px;
        border: 1px solid #63DCFF;
        position: absolute;
        left: 547px;
        top: 99px;
        color: #63DCFF;
        font-size: 20px;
        cursor: pointer;
        z-index: 1;
    }


    .number_tasks {
        position: absolute;
        left: 712px;
        top: 11px;
        color: #ffffff88;

        :global(.numberJump) {
            vertical-align: text-bottom;
        }

        :global(.number_jump_scroll_num_item) {
            color: #ffffff;
            font-family: "微软雅黑" !important;
        }
    }

    .recovery_amount {
        position: absolute;
        left: 1004px;
        top: 13px;
        color: #ffffff88;

        :global(.numberJump) {
            vertical-align: text-bottom;
        }

        :global(.number_jump_scroll_num_item) {
            color: #ffffff;
            font-family: "微软雅黑" !important;
        }
    }

    // 建议检查
    .suggest_checking {
        position: absolute;
        left: 166px;
        top: 10px;
        color: #ffffff;

        width: 180px;
        height: 460px;

        // 检查
        .checking {
            position: absolute;
            left: 77px;
            top: 45px;
            width: 185px;
            height: 129px;
            padding: 40px 0px 0px 80px;
            background-image: url(../img/btn1.png);
            background-size: 100% 100%;
            box-sizing: border-box;
            cursor: pointer;

            color: #F55E5D;

            :global(.numberJump) {
                vertical-align: text-bottom;
            }

            :global(.number_jump_scroll_num_item) {
                font-weight: bold;
                color: #F55E5D !important;
                font-family: "微软雅黑" !important;
            }
        }

        // 监控
        .monitor {
            position: absolute;
            left: 77px;
            top: 193px;
            width: 185px;
            height: 129px;
            padding: 40px 0px 0px 80px;
            background-image: url(../img/btn2.png);
            background-size: 100% 100%;
            box-sizing: border-box;
            cursor: pointer;

            color: #EE8830;

            :global(.numberJump) {
                vertical-align: text-bottom;
            }

            :global(.number_jump_scroll_num_item) {
                font-weight: bold;
                color: #EE8830 !important;
                font-family: "微软雅黑" !important;
            }
        }

        //异常关注
        .abnormal {
            position: absolute;
            left: 77px;
            top: 343px;
            width: 185px;
            height: 129px;
            padding: 40px 0px 0px 80px;
            background-image: url(../img/btn3.png);
            background-size: 100% 100%;
            box-sizing: border-box;
            cursor: pointer;
            color: #D4BB28;

            :global(.numberJump) {
                vertical-align: text-bottom;
            }

            :global(.number_jump_scroll_num_item) {
                font-weight: bold;
                color: #D4BB28 !important;
                font-family: "微软雅黑" !important;
            }
        }

        .btn1 {
            position: absolute;
            top: 600px;
            left: -26px;
            color: #00F0DE;
            font-size: 24px;
            width: 184px;
            text-indent: 80px;
            height: 50px;
            line-height: 50px;
            cursor: pointer;
            font-family: YouSheBiaoTiHei;
            background-image: url(../img/btn1.png);
            background-repeat: no-repeat;
        }

        .btn1_2 {
            position: absolute;
            top: 680px;
            left: -26px;
            color: #00F0DE;
            font-size: 24px;
            width: 184px;
            text-indent: 80px;
            height: 50px;
            line-height: 50px;
            cursor: pointer;
            font-family: YouSheBiaoTiHei;
            background-image: url(../img/btn1.2.png);
            background-repeat: no-repeat;
        }

        // 一级以下
        .below_level1 {
            position: absolute;
            top: 661px;
            left: 5px;
            color: #00F0DE;
            font-size: 20px;
            width: 170px;
            text-indent: 120px;
            height: 40px;
            line-height: 40px;
            cursor: pointer;

            &:hover {
                background-image: url(../img/btn2.png);
            }
        }

        // 二级以下
        .below_level2 {
            position: absolute;
            top: 704px;
            left: 5px;
            color: #00F0DE;
            font-size: 20px;
            width: 170px;
            text-indent: 120px;
            height: 40px;
            line-height: 40px;
            cursor: pointer;

            &:hover {
                background-image: url(../img/btn2.png);
            }
        }

        // 三级以下
        .below_level3 {
            position: absolute;
            top: 745px;
            left: 5px;
            color: #00F0DE;
            font-size: 20px;
            width: 170px;
            text-indent: 120px;
            height: 40px;
            line-height: 40px;
            cursor: pointer;

            &:hover {
                background-image: url(../img/btn2.png);
            }
        }
    }

    // // 大数据分析
    // .total_number_institutions {
    //     position: absolute;
    //     width: 329px;
    //     height: 113px;
    //     left: 546px;
    //     top: 714px;
    //     color: #00F7E3;
    //     font-weight: bold;
    //     background-image: url(../img/btn3.png);
    //     background-repeat: no-repeat;
    //     padding: 61px 0px 0px 232px;
    //     box-sizing: border-box;
    //     background-size: 100% 100%;
    // }

    // // 检查结果
    // .violation_rate {
    //     position: absolute;
    //     width: 329px;
    //     height: 113px;
    //     left: 891px;
    //     top: 714px;
    //     color: #41BDF5;
    //     font-weight: bold;
    //     background-image: url(../img/btn4.png);
    //     background-repeat: no-repeat;
    //     padding: 62px 0px 0px 252px;
    //     box-sizing: border-box;
    //     background-size: 100% 100%;
    // }

    .analyze_btn1 {
        position: absolute;
        width: 363px;
        height: 136px;
        left: 580px;
        top: 667px;
        color: #41BDF5;
        font-weight: bold;
        background-image: url(../img/1b.png);
        background-repeat: no-repeat;
        padding: 62px 0px 0px 157px;
        font-size: 28px;
        box-sizing: border-box;
        background-size: 100% 100%;
    }

    .analyze_btn1b {
        position: absolute;
        width: 363px;
        height: 136px;
        left: 580px;
        top: 667px;
        color: #41BDF5;
        font-weight: bold;
        background-image: url(../img/1.png);
        background-repeat: no-repeat;
        padding: 62px 0px 0px 157px;
        font-size: 28px;
        box-sizing: border-box;
        background-size: 100% 100%;
    }

    .analyze_btn2 {
        position: absolute;
        width: 363px;
        height: 136px;
        left: 1000px;
        top: 667px;
        color: #41BDF5;
        font-weight: bold;
        background-image: url(../img/2b.png);
        background-repeat: no-repeat;
        padding: 62px 0px 0px 157px;
        font-size: 28px;
        box-sizing: border-box;
        background-size: 100% 100%;
    }

    .analyze_btn2b {
        position: absolute;
        width: 363px;
        height: 136px;
        left: 1000px;
        top: 667px;
        color: #41BDF5;
        font-weight: bold;
        background-image: url(../img/2.png);
        background-repeat: no-repeat;
        padding: 62px 0px 0px 157px;
        font-size: 28px;
        box-sizing: border-box;
        background-size: 100% 100%;
    }

    .analyze_btn3 {
        position: absolute;
        width: 363px;
        height: 136px;
        left: 780px;
        top: 710px;
        color: #41BDF5;
        font-weight: bold;
        background-image: url(../img/3b.png), url(../img/3.png);
        background-repeat: no-repeat, no-repeat;
        padding: 62px 0px 0px 157px;
        font-size: 28px;
        box-sizing: border-box;
        background-size: 100% 100%, 0% 0%;
    }

    .analyze_btn3b {
        position: absolute;
        width: 363px;
        height: 136px;
        left: 780px;
        top: 710px;
        color: #41BDF5;
        font-weight: bold;
        background-image: url(../img/3.png), url(../img/3b.png);
        background-repeat: no-repeat, no-repeat;
        padding: 62px 0px 0px 157px;
        font-size: 28px;
        box-sizing: border-box;
        background-size: 100% 100%, 0% 0%;
    }

    .analyze_btn4 {
        position: absolute;
        width: 363px;
        height: 136px;
        left: 1300px;
        top: 706px;
        color: #41BDF5;
        font-weight: bold;
        background-image: url(../img/4b.png), url(../img/4.png);
        background-repeat: no-repeat, no-repeat;
        padding: 62px 0px 0px 157px;
        font-size: 28px;
        box-sizing: border-box;
        background-size: 100% 100%, 0% 0%;
    }

    .analyze_btn4b {
        position: absolute;
        width: 363px;
        height: 136px;
        left: 1300px;
        top: 706px;
        color: #41BDF5;
        font-weight: bold;
        background-image: url(../img/4.png), url(../img/4b.png);
        background-repeat: no-repeat, no-repeat;
        padding: 62px 0px 0px 157px;
        font-size: 28px;
        box-sizing: border-box;
        background-size: 100% 100%, 0% 0%;
    }
}